@charset "utf-8";
/* header */
.header{height: 460px; background: url(../images/header_bg.png) no-repeat center top;}
.header > .container{position: relative;}

.header-logo{clear:both; padding:100px 0 30px;}
.header-logo img{display: block; margin: 0 auto;}

.header-search{ position: relative; width:508px; margin:0 auto; padding:0 124px 0 0; box-shadow:0 0 5px 2px rgba(22,70,116,.2); border-radius: 8px; overflow: hidden;}
.header-search-txt{width:468px; padding: 0 20px 0 20px; height:65px; line-height:65px; border:#dcdcdc 1px solid; border-right: 0; color: #888; background:#fff; border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px;font-size: 1.25em;}
.header-search-btn{ position:absolute; top: 0; right: 0; width:124px; height:67px; font-size: 1.5em; color: #fff; border:0; cursor:pointer; background:#377dff url(../images/header_icon_search.png) 77px center no-repeat; border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;text-align: left;padding-left: 20px;}
.header-search-btn:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
/* .header-search-txt::-webkit-input-placeholder{color: rgba(86,168,255,.6);} */


.mainnav{position: relative; z-index: 9; height: 77px; background: #2e6ef8;}
.mainnav li{float: left; position: relative; width: 16.666667%;}
.mainnav li a{display:block; line-height: 77px; font-size: 1.625em; text-align:center;}
.mainnav li span{position: relative; display: inline-block; font-weight: bold; color: #fff; transition: .3s;}
/* 
.mainnav li span:after{content:''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #fff; vertical-align: middle; opacity: 0; transition: width .3s;}
.mainnav li:hover span, .mainnav li.on span{color: #fff;}
.mainnav li:hover span:after, .mainnav li.on span:after{width: 100%; opacity: 1;}
*/
.mainnav li i{display: inline-block;width:35px;height:32px;background: url(../images/mainnav_icons.png) 0 0 no-repeat;vertical-align: middle;margin-right: 10px;}
.mainnav li.sy i{background-position: 0px 0px;}
.mainnav li.zwxw i{background-position: -169px 0px;}
.mainnav li.xxgk i{background-position: -387px 0px;}
.mainnav li.zwfw i{background-position: -606px 0px;}
.mainnav li.bmzx i{background-position: -827px 0px;}
.mainnav li.zmhd i{background-position: -1043px 0px;}

/*responsive*/

@media (max-width: 1280px) {
	
}


@media (max-width: 1023px) {
	
	
	
}

@media (max-width: 991px) {
	
	.mainnav{height: auto;}
	.mainnav .container{margin-left: 0; margin-right: 0;}
	.mainnav li{width: 33.333333%; position:relative;}
	.mainnav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainnav li a{height: 30px; overflow: hidden; padding:10px 0; height: auto; line-height:30px; font-size: 1.125em;}
	.mainnav li:nth-child(3):after, .mainnav li:nth-child(6):after{display:none;}
	.mainnav li:hover span:after, .mainnav li.on span:after{display: none;}
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	.header-search{width: 80%;box-sizing: border-box;padding-right: 80px;}
	.header-search-txt{box-sizing: border-box;width: 100%;height: 45px;line-height: 45px;font-size: 1em;}
	.header-search-btn{box-sizing: border-box;width: 80px;background: #377dff;text-align: center;padding-left: 0;font-size: 1.125em;height: 47px;}


}

@media (max-width: 767px) and (min-width: 375px) {

}


@media (max-width: 640px) {
	.header-logo img{max-width: 90%;}
	.header-search{width: 100%;}
	
}


@media (max-width: 480px) {
	.header{height: 340px;background-position: center -120px;}
	.header-logo{padding-bottom: 28px; padding-top: 25px;}
	.mainnav li a{font-size: 16px;}
	.mainnav li i{display: none;}
	
}

@media (max-width: 414px) {
	.header-toolbar li.ipv6{padding-left: 0;}
	.header-toolbar li.ipv6:after{display: none;}

}

@media (max-width: 375px) {

	
	.mainnav li span{font-weight: normal;}
	
}


@media (max-width: 320px) {
	.mainnav li a{font-size: 15px;}
}